﻿@charset "utf-8";

input, select, textarea { font-size: 11px; color: #555; font-family: "Arial","Helvetica Neue",Helvetica,"Hiragino Sans GB","STHeiti","Microsoft Yahei","微软雅黑"; vertical-align:middle; line-height: normal; }
input[type="text"], input[type="password"], textarea { cursor: text; }
input[type="text"], textarea { line-height:34px; border: 1px solid #cccccc; border-radius: 5px; -moz-border-radius:5px; padding-left:5px; }
input[type="text"]:focus, textarea:focus { border: 1px solid #54c91f; }
input[type="text"] { height:34px; }
input[type="button"] { cursor: pointer; }
+html select { height: 20px !important;}
a, a:link, a:visited {text-decoration: none; cursor: pointer; }
a:hover, a:active { text-decoration: none; color: #00326d; cursor: pointer; }
img, fieldset, form, h1, h2, h3, h4, p, dl, dt, dd, p { font-weight: normal; font-size: 1em; }
div, td, ul, li, dd { text-transform: none; }
.clear { clear:both; background:none; _height:0; * height:0;
}
time { display: block; }
*:focus { outline: none; }
::selection { background-color: #328DFF; color: #FFFFFF; }
::-moz-selection {
 background-color: #73dd24;
 color: #FFFFFF;
}
a, input, button { outline:none !important; }
::-moz-focus-inner {
border:0px !important;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,caption,tfoot, thead, tr, th,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { border: 0 none; outline: 0 none; margin: 0; padding: 0; }

.displayNone { display: none; }
.displayBlock { display: block; }
.visibilityNone { height:0px; visibility: hidden; }
.positionRelative { position: relative; }
.positionAbsolute { position: absolute; }
article, aside, dialog, figure, footer, header, legend, nav, section { display:block; }
/***************************浮动**********************************************/
.floatLeft { float: left; }
.floatRight { float: right; }
/**************************填充、边距******************************************************/
.paddingTop5 { padding-top: 5px; }
.paddingTop8 { padding-top: 8px; }
.paddingTop10 { padding-top: 10px; }
.paddingTop20 { padding-top: 20px; }
.paddingTop30 { padding-top: 30px; }
.paddingTop40 { padding-top: 40px; }
.paddingTop50 { padding-top: 50px; }
.paddingTop60 { padding-top: 60px; }
.paddingTop70 { padding-top: 70px; }
.paddingTop80 { padding-top: 80px; }
.paddingTop90 { padding-top: 90px; }
.paddingTop100 { padding-top: 100px; }
.paddingBottom5 { padding-bottom: 5px; }
.paddingBottom10 { padding-bottom: 10px; }
.paddingBottom20 { padding-bottom: 20px; }
.paddingBottom30 { padding-bottom: 30px; }
.paddingBottom40 { padding-bottom: 40px; }
.paddingBottom50 { padding-bottom: 50px; }
.paddingBottom60 { padding-bottom: 60px; }
.paddingBottom70 { padding-bottom: 70px; }
.paddingBottom80 { padding-bottom: 80px; }
.paddingBottom90 { padding-bottom: 90px; }
.paddingBottom100 { padding-bottom: 100px; }

.paddingLeft50 { padding-left: 50px; }
.paddingRight50 { padding-right: 50px; }

.margin_Bootm10 { margin-bottom:10px; }
.margin_Bootm20 { margin-bottom:20px; }
.margin_Bootm30 { margin-bottom:30px; }
.margin_Bootm35 { margin-bottom:35px; }
.margin_Bootm50 { margin-bottom:50px; }

.margin_Top10 { margin-top:10px; }
.margin_Top15 { margin-top:15px; }
.margin_Top20 { margin-top:20px; }
.margin_Top30 { margin-top:30px; }
.margin_Top50 { margin-top:50px; }
.margin_Top60 { margin-top:60px; }
.margin_Top100 { margin-top:100px; }

.margin_Left10 { margin-left:10px; }
.margin_Left20 { margin-left:20px; }
.margin_Left50 { margin-left:50px; }

.margin_Right10 { margin-right:10px; }
.margin_Right20 { margin-right:20px; }
.margin_Right30 { margin-right:30px; }
.margin_Right50 { margin-right:50px; }

.marginauto { margin-left:auto; margin-right:auto}

/***************************文字样式**********************************************/

.txt_9px a, .txt_9px { }
.txt_10px, .txt_10px a {}
.txt_10px, .txt_11px a {}
.txt_12px { font-size: 12px; }
.txt_12pxB { font-size: 12px; font-weight: bolder; }
.txt_14px, a .txt_14px { font-size: 14px; }
.txt_14pxB, a .txt_14pxB { font-size: 14px; font-weight: bold; }
.txt_16px { font-size: 16px; line-height: normal; }
.txt_16pxb { font-size: 16px; line-height: normal; font-weight: bold; }
.txt_18px { font-size: 18px; line-height: normal; }
.txt_18pxB { font-size: 18px; line-height: normal; font-weight: bold; }
.txt_22px { font-size: 22px; line-height: normal; }
.txt_22pxB { font-size: 22px; line-height: normal; font-weight: bold; }
.txt_24px { font-size: 24px; line-height: normal; }
.txt_24pxB { font-size: 24px; line-height: normal; font-weight: bold; }
.txt_26px { font-size: 26px; line-height: normal; }
.txt_28px { font-size: 28px; line-height: normal; }
.txt_30px { font-size: 30px; line-height: normal; }
.txt_30pxB { font-size: 30px; line-height: normal; font-weight: bold; }
.txt_32pxB { font-size: 32px; line-height: normal; font-weight: bold; }
.txt_36px { font-size: 36px; line-height: normal; }
.txt_36pxB { font-size: 36px; line-height: normal; font-weight: bold }
.txt_38pxB { font-size: 38px; line-height: normal; font-weight: bold; }
.txt_48px { font-size: 48px; line-height: normal; }
.txt_68px { font-size: 68px; line-height: normal; }
.txt_68pxB { font-size: 68px; line-height: normal; font-weight: bolder; }
/***************************文本对齐**********************************************/
.alignLeft { text-align: left; }
.alignCenter { text-align: center; }
.alignRight { text-align: right; }
.verticalAlignMiddle { vertical-align: middle; }
/***************************行高**********************************************/
.lineHeight16px { line-height:16px; }
.lineHeight18px { line-height:18px; }
.lineHeight25px { line-height:25px; }
.lineHeight30px { line-height:30px; }
.lineHeight40px { line-height:40px; }
.lineHeight1em { line-height:1em; }
.lineHeight1_5em { line-height:1.5em; }
.lineHeight1_8em { line-height:1.8em; }
.lineHeight2em { line-height:2em; }
/***************************图片**********************************************/
.newsPic { text-align: center; padding:10px 0; }
/***************************文字颜色**********************************************/
.colorfff, .colorfff a, .colorfff a:link, .colorfff a:visited, .colorfff a:active { color: #fff; }
.colorfff a:hover, a:hover .colorfff{ color: #CCC; text-decoration: none; }
.color636466, .color636466 a, .color636466 a:link, .color636466 a:visited, .color636466 a:active { color: #636466; }
.color636466 a:hover, a:hover .color636466 { color: #80cf18; text-decoration: none; }
.color959595, .color959595 a, .color959595 a:link, .color959595 a:visited, .color959595 a:active { color: #959595; }
.color959595 a:hover, a:hover .color959595 { color: #FFFFFF; text-decoration: none; }
.colorbf843d, .colorbf843d a, .colorbf843d a:link, .colorbf843d a:visited, .colorbf843d a:active { color: #bf843d; }
.colorbf843d a:hover, a:hover .colorbf843d { color: #000; text-decoration: none; }
.color000, .color000 a, .color000 a:link, .color000 a:visited, .color000 a:active { color: #000; }
.color000 a:hover, a:hover .color000 { color: #80cf18; text-decoration: none; }
.color6499d7, .color6499d7 a, .color6499d7 a:link, .color6499d7 a:visited, .color6499d7 a:active { color: #6499d7; }
.color6499d7 a:hover, a:hover .color6499d7 { color: #106FBC; text-decoration: none; }
.colorc78610, .colorc78610 a, .colorc78610 a:link, .colorc78610 a:visited, .colorc78610 a:active { color: #c78610; }
.color6499d7 a:hover, a:hover .color6499d7 { color: #c78610; text-decoration: none; }
.color444444, .color444444 a, .color444444 a:link, .color444444 a:visited, .color444444 a:active { color: #444444; }
.color444444 a:hover, a:hover .color444444 { color: #979797; text-decoration: none; }
.color868686, .color868686 a, .color868686 a:link, .color868686 a:visited, .color868686 a:active { color: #868686; }
.color868686 a:hover, a:hover .color868686 { color: #000; text-decoration: none; }
.color434343, .color434343 a, .color434343 a:link, .color434343 a:visited, .color434343 a:active { color: #434343; }
.color434343 a:hover, a:hover .color434343 { color: #979797; text-decoration: none; }
.color5287c7, .color5287c7 a, .color5287c7 a:link, .color5287c7 a:visited, .color5287c7 a:active { color: #5287c7; }
.color5287c7 a:hover, a:hover .color5287c7 { color: #35A8FD; text-decoration: none; }
.color80cf18, .color80cf18 a, .color80cf18 a:link, .color80cf18 a:visited, .color80cf18 a:active { color: #80cf18; }
.color80cf18 a:hover, a:hover .color80cf18 { color: #92E620; text-decoration: none; }

.color90c31f, .color90c31f a, .color90c31f a:link, .color90c31f a:visited, .color90c31f a:active { color:#90c31f }
.color90c31f a:hover { color:#09F; text-decoration: none }

.color3b3b3b, .color3b3b3b a, .color3b3b3b a:link, .color3b3b3b a:visited, .color3b3b3b a:active { color:#3b3b3b }
.color3b3b3b a:hover { color:#999999; text-decoration: none }

.color7995b5, .color7995b5 a, .color7995b5 a:link, .color7995b5 a:visited, .color7995b5 a:active { color: #7995b5 }
.color7995b5 a:hover { color: #CCC; text-decoration: none }


.color949494, .color949494 a { color: #949494; text-decoration: none }
.color949494 a:hover { color: #00326d; text-decoration: none; }

.color555 { color: #555; text-decoration: none }

.color08376a, .color08376a a { color: #08376a; text-decoration: none }
.color08376a a:hover { color:#106FBC }

.color0077e5 a { color: #0077e5; text-decoration:underline }
.color0077e5 a:hover { color:#08376a }

.color2c7ad7 { color: #2c7ad7 }

/*****************************链接样式*******************************************/
.txtDecoration_u { text-decoration: underline; }
/*****************************背景色*******************************************/
.bgececec { background-color: #ececec; }
.bgfff { background-color: #fff; }
/*****************************框架********************************************/
html, body { width: 100%; height:100%; }
.pageBox{ margin:0 auto; background-color: #fff;}
.header {background-color:#fff; height:97px;}
.container { margin-left: auto; margin-right: auto;  min-height:500px;z-index:90;}
.footer { border-top:1px solid #e3e3e3; background-color:#fff; height:112px; }
.header{ clear:both; margin:0 auto;max-width:1370px;}
.footer { clear:both; margin:0 auto;max-width:1370px;}
.container { clear:both; margin:0 auto;}
/**************************表单**************************/
.bordert1_ededef { border-top:1px solid #ededef; }
.bordert1_c3c5c9 { border-top:1px solid #c3c5c9; }
.borderr1_ededef { border-right:1px solid #ededef; }
.bordert7_e5e5e5 { border-top:7px solid #e5e5e5; }
.borderb1_ededef { border-bottom:1px solid #ededef; }
.borderb1_cecece { border-bottom:1px solid #cecece; }
/*********输入框***********/
.input_text1 { border: 1px solid #d0d0d0; font-size: 14px; height: 33px; line-height: 33px; color:#c7c7c7; morgin:0; padding:0px; padding-left:10px; }
.input_text1:focus { border: 1px solid #66CC66; color:#333; }
.input_text2 { border: 1px solid #d0d0d0; font-size: 14px; line-height: 33px; color:#c7c7c7; morgin:0; padding:0px; padding-left:10px; }
.input_text2:focus { border: 1px solid #66CC66; color:#333; }
/*********按钮***********/
.button1 { padding:0;margin:0;background-color: #5CB85C; border: 0; color: #FFFFFF; cursor: pointer; -moz-user-select: none; background-image: none; border-radius: 4px; -moz-border-radius:4px; cursor: pointer; display: inline-block; font-size: 14px; font-weight: bolder; line-height:1em; padding: 8px 12px; text-align: center; white-space: nowrap; text-shadow: 0 0.06em 0 rgba(0, 0, 0, 0.1); }
a.button1 { color: #FFFFFF; }
.button1:hover, .button1:focus, .button1:active { background-color: #47A447; border-color: #398439; }
.button2 { padding:0;margin:0;background-color:  #FFFFFF; border: 1px solid #CCCCCC; color:#333333; cursor: pointer; -moz-user-select: none; background-image: none; border-radius: 4px; -moz-border-radius:4px; cursor: pointer; display: inline-block; font-size: 14px; font-weight: bolder; line-height:1em; padding: 8px 12px; text-align: center; white-space: nowrap;  }
a.button2 { color: #333333; }
.button2:hover, .button2:focus, .button2:active { background-color: #e4e4e4; border-color: #9e9e9e; }
.button2:active{ box-shadow: 0 1px 0.2em 0 rgba(0, 0, 0, 0.5) inset; text-shadow: 0 1px rgba(0, 0, 0, 0.2); }
.button1:active, .button2:active { box-shadow: 0 1px 0.2em 0 rgba(0, 0, 0, 0.5) inset; text-shadow: 0 1px rgba(0, 0, 0, 0.2); }
/******************************************************************************************END**/


/*banner*/
#banner{width:100%;height:486px;margin:10px 0;position:relative;}
#banner .oban{position:absolute;left:0;top:0;width:100%;height:486px;}
#banner ol{position:absolute;left:50%;top:400px;z-index:3}
#banner ol li{float:left;margin-right:10px;width:10px;height:10px;cursor:pointer;}
#banner .ab{background:url(../images/oli1.png) no-repeat;}
#banner .nb{background:url(../images/oli2.png) no-repeat;}
#banner .cb{background:url(../images/oli3.png) no-repeat;}



.h4{margin-top:40px;}
.h5{margin-top:50px;}
.h6{margin-top:60px;}

.ban1{width:1200px;margin:0 auto;height:auto;overflow:hidden;}

.img189{width:189px;height:58px;margin:0 auto;}

.ban1-left{width:290px;height:720px;float:left;background:#f4f4f4;}
.img288{width:288px;height:141px;}
.ban1-tit{width:288px;height:280px;margin-top:18px;}
.ban1-tit li{width:288px;height:42px;text-align:center;font-size:16px; font-family: "Arial","Helvetica Neue",Helvetica,"Hiragino Sans GB","STHeiti","Microsoft Yahei","微软雅黑";line-height:38px; }
.ban1-tit li a{font-size:16px;}
.ban1-tit li a:hover{background-color:#e21c29;width:288px;height:42px;display:block;color:#fff;}
.ban1-tit  .more{width:165px;height:30px;border:1px solid #ccc;margin:0 auto;margin-top:25px;}

.conta{width:288px;height:260px;margin-top:20px;}

.ban1-right{width:895px;height:720px;float:right;}
.ban1-right1{width:890px;height:630px;margin:0 auto;}
.ban1-right1 li{width:274px; height:274px;background:url(../images/product-kuang.png) no-repeat;margin-left:22px;float:left;margin-bottom:50px;}
.more2{width:182px;height:30px;border:1px solid #ccc;margin:0 auto;margin-top:35px;}


.jianjie{width:100%;height:463px;overflow:hidden;margin:0 auto;position:relative}
.jianjie2{width:100%;height:463px;background:url(../images/jianjie.png) no-repeat top center;position:absolute;}
/*.jianjieleft{width:784px;background:url(../images/about1.png) no-repeat;height:461px;float:left;}*/
.jianjie1200{width:1200px;margin:0 auto; position:relative;height:463px;}
.jianjieleft{width:392px;height:329px;margin-top:60px;float:left;}
.jianjiemid{width:455px;height:209px;position:absolute;top:60px;left:410px;}
.jianjiemidtit{font-size:24px;color:#fff;text-align:center;}
.jianjiemidfont{width:455px;height:180px;font-size:14px;color:#fff;line-height:24px;text-indent:2em;padding-top:5px;overflow:hidden;}
.more3{color:#e21c29;width:100px;height:30px;position:absolute;top:280px;left:560px;text-align:center;}
.more3 a{color:#e21c29;}
.shipin{position:absolute;width:240px;height:60px;top:310px;right:390px;}

.shebeimore{position:absolute;width:50px;height:24px;top:80px;right:2px;}
.shebei{width:300px;height:240px;position:absolute;top:120px;right:2px;overflow:hidden;}


.ban2{width:1200px;margin:0 auto;height:auto;overflow:hidden;}
.ban2-left{width:330px;height:330px;background:url(../images/show.png) no-repeat;margin-top:30px;float:left;position:relative}
.ban2-leftmore{position:absolute;width:50px;height:30px;right:2px;top:15px;}
.ban2-leftimg{width:329px;height:274px;position:absolute;top:55px;}






.ban2-right{width:860px;height:360px;float:right;}
.ban2-righttit{width:800px;height:60px;text-align:center;float:left;}
.ban2-rightmore{width:48px;height:30px;text-align:center;float:right;margin-top:30px;color:#e21c29;line-height:25px;}
.ban2-rightmore a{color:#e21c29;}
.ban2-rightnew{width:459px;height:280px;float:left;margin-top:20px;}
.ban2-rightnew li{height:80px;width:459px;margin-top:10px;}
.ban2-rightnewico{width:14px;height:15px;background:url(../images/ico.png) no-repeat bottom;margin-left:10px;display:inline;float:left;}
.ban2-rightnewtime{width:150px;height:14px;font-size:14px;margin-left:35px;}
.ban2-rightnewtit{width:418px;height:34px;font-size:16px;margin-left:35px;overflow:hidden;line-height:30px;font-weight:900;margin-top:5px;}
.ban2-rightnewtit a{font-size:16px;}
.ban2-rightnewdes{width:418px;height:30px;font-size:14px;margin-left:35px;overflow:hidden;line-height:25px;}
.ban2-rightnewimg{width:380px;height:272px;float:right;margin-top:25px;}


.dibu{width:100%;height:314px;background:#515151;}
.dibu1200{width:1200px;height:214px;margin:0 auto;padding-top:50px;}
.dibulogo{width:1200px;height:61px;}
.dibulogo2{width:274px;height:61px;background:url(../images/logo-bottom.png) no-repeat;margin:0 auto;}
.dibunav{width:680px;height:45px;margin:0 auto;margin-top:10px;}
.dibunav li{width:95px;height:20px;font-size:14px;color:#fff;float:left;line-height:20px;border-right:1px solid #fff; margin-top:10px;text-align:center;display:inline;position:relative;}
.dibunav li a{font-size:14px;color:#fff;}
.dibuline{width:1200px;border-bottom:1px solid #000;}
.dibufont1{font-size:14px; color:#fff;width:550px;height:30px;margin:0 auto;margin-top:15px;}

.dibufont2{font-size:14px; color:#fff;width:700px;height:30px;margin:0 auto;margin-top:10px;}


.line-n{width:1200px;height:22px;background:url(../images/line.png) no-repeat;margin:0 auto;}

.line-bg{width:1200px;height:179px;margin:0 auto;margin-bottom:15px;}
.line-img{width:857px;height:179px;background:url(../images/neititle.png) no-repeat;float:right;margin-right:50px;position:relative;}
.line-title1{width:150px;height:35px;position:absolute;top:25px;left:230px;color:#37679d;font-size:24px;text-align:center;}
.line-title2{width:150px;height:25px;position:absolute;top:60px;left:230px;color:#818181;font-size:20px;text-align:center;}
.line-title3{width:300px;height:25px;position:absolute;top:140px;left:510px;color:#818181;font-size:20px;color:#212121;font-size:14px;}










/******************************************************************************************END**/
.logo{left:25px;}
.top_rM1{ text-align: right; height:25px;}
.topMenu{padding-top:25px;z-index:999; float:right;}


.footer_left{ float:left; padding:20px 0 0 30px;}
.footer_right{ float:right; padding:20px 30px 0 0;}

/********************************************************************************************/

.topMenu ul{float:right;}


.topMenuLi a{ color:#000; font-weight:bold;}
.topMenuLi a:hover{ color:#000000; }
.topMenu ul .topMenuLilast{ padding-right:0;}
.top_rM1 {padding-top:5px;padding-right: 18px;}


.rollObj_dot, .top_rlinkLi_fg p, .top_rweixin, .top_rweibo, .menujt, .menuBname, .src_fg,  .src_home{ background-image: url(../images/icon.png); background-repeat: no-repeat;}



.rollObj_dot{  background-position: -42px -161px;width:11px;height:11px;display:inline-block;margin-left:8px; }
.rollObj_dot:hover, .rollObj_dot.select{   background-position: -23px -161px;}

.top_rM1{float:right;}
.top_rM1 li{float:left;height:6px;line-height:20px; padding-top:14px;}
.top_rlinkLi{}
.top_rlinkLi_fg{padding:0 15px;}
.top_rlinkLi_fg p{ background-position: -373px -114px;width:1px;height:20px; }
.top_rweixin{ background-position: -254px -115px;padding-left:10px;margin-right:20px;}
.top_rweibo{ background-position: -254px -143px;padding-left:10px;margin-right:0;}
.top_rweixin a{color:#409601;}
.top_rweibo a{color:#c51800;}
.top_rweixin:hover a{color:#4fbb00;}
.top_rweibo:hover a{color:#e2341c;}
.topMenuLi{ float:left; padding:0 12px;  }
.topMenuLi {
    display: block;
    float: left;
    height: 37px;
    overflow: visible;
    position: relative;
}
.menuListBox { display: none; padding-top:12px; left:-18px; position: absolute; top: 18px; z-index: 1000001;  }
.menuListBox a{
	display:block;
	line-height:35px;
	padding-left:20px;
	
}
.menuListBox a:hover{
}

.menuListBox2{ background-color: #FFF;  width:260px;padding: 10px 0 20px 0}

.topMenuLilast .menuListBox{left:-155px;}
.topMenuLilast .menuListBox .menujt{background-position: -891px -21px;}
.topMenuLi9 .menuListBox{left:-155px;}
.topMenuLi9 .menuListBox .menujt{background-position: -891px -21px;}


.menuBname{display:block;/*border:thin solid #09F;*/height:16px;}
.topMenuLi1 .menuBname{ width:40px;}
.topMenuLi2 .menuBname{ width:65px;}
.topMenuLi3 .menuBname{ width:65px;}
.topMenuLi4 .menuBname{ width:65px;}
.topMenuLi5 .menuBname{ width:65px;}
.topMenuLi6 .menuBname{ width:65px;}
.topMenuLi7 .menuBname{ width:65px;}
.topMenuLi8 .menuBname{ width:65px;}
.topMenuLi9 .menuBname{ width:65px;}
.topMenuLilast .menuBname{ width:65px;}

.topMenuLi1:hover .menuBname{}
.topMenuLi2:hover .menuBname{}
.topMenuLi3:hover .menuBname{}
.topMenuLi4:hover .menuBname{}
.topMenuLi5:hover .menuBname{}
.topMenuLi6:hover .menuBname{}
.topMenuLi7:hover .menuBname{}
.topMenuLi8:hover .menuBname{}
.topMenuLi9:hover .menuBname{}
.topMenuLilast:hover .menuBname{}


.src_box{ position: absolute; right:0; bottom: 0;  z-index:8; height:35px; max-width:1440px; margin:0 auto;}
.src_boxa{ float:right;line-height:35px; padding-right:50px }
.src_boxa a{float:left;}
.src_boxbg{ position: absolute; left: 0px; bottom: 0px; height:35px; background-color: #FFF; width:100%;filter:alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;z-index:6;}

.src_fg{float:left;background-position: -65px -194px;width:32px;height:35px;}
.src_a{ float:left; }
.src_home{background-position: -21px -194px; padding: 0 0 0 17px }

.clr {
clear:both;
background:none;
_height:0;
* height:0;
}

/* clear float */
.cf { zoom:1 } /* for IE */
.cf:after { content:"."; display: block; clear:both; font-size:0; height:0; visibility:hidden; overflow:hidden } /* for other */
/* end of clear float */

/*分割线*/
.line-e0e4e7 { width:100%; height:1px; line-height:1px; font-size:0; background:#e0e4e7; border:0 none }
.line-d6dade { width:100%; height:1px; line-height:1px; font-size:0; background:#d6dade; border:0 none }
.line-ccc { width:100%; height:1px; line-height:1px; font-size:0; background:#ccc; border:0 none }
.line-007bc8 { width:100%; height:3px; line-height:3px; font-size:0; background:#007bc8; border:0 none }
.line-08376aB { width:100%; height:4px; line-height:3px; font-size:0; background:#08376a; border:0 none }
.line-08376a { width:100%; height:1px; line-height:1px; font-size:0; background:#08376a; border:0 none }

.lineb1 { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #cccccc }
.lineb8{ border-bottom: 8px solid rgb(209, 209, 209) }

/*宽度*/
.width100 { width:100% }

/*通用图片背景*/
.nav-upicon, .common-more01, .common-more02, .weixinicon, .weiboicon, .more-load, .com-printicon, .com-fx .bdsharebuttonbox .bds_more, .com-fx .bdsharebuttonbox .btn-sina, .com-fx .bdsharebuttonbox .bds_tsina, .com-fx .bdsharebuttonbox .bds_renren, .com-fx .bdsharebuttonbox .btn-douban, .com-fx .bdsharebuttonbox .bds_douban, .com-fx .bdsharebuttonbox .btn-qqzone, .com-fx .bdsharebuttonbox .bds_qzone, .pages a, .disabled, .current, .next, .project-more, .common-returnicon, .com-jticon, .com-jticon02, .musticon { background-image:url(../images/icon.png); background-repeat:no-repeat }

.weixinicon, .weiboicon { display:block; width:82px; height:24px; filter:alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6 }
.weixinicon { background-position:-20px -110px }
.weiboicon { background-position:-120px -110px }
a:hover .weixinicon, a:hover .weiboicon { filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 } 

.common-more01 { display:block; width:73px; height:20px; background-position:-410px -180px; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s }
.common-more01:hover { background-position:-410px -210px }
.common-more02 { display:block; width:58px; height:20px; background-position:-410px -120px; transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s }
.common-more02:hover { background-position:-410px -96px }

.common-more03 { display:block; width:250px }
.com-jticon { display:block; width:18px; height:19px; background-position:-250px -220px}
.common-more03:hover .com-jticon { background-position:-280px -220px }
.common-more03 .com-jticon { margin-top:1px; margin-right:10px }
.common-more03 span { color:#00326d; font-size:14px }
.common-more03:hover span { color:#0083cb }

.common-more04 { display:block; width:100px }
.com-jticon02 { display:block; width:7px; height:10px; background-position:-270px -180px}
.common-more04:hover .com-jticon02 { background-position:-270px -195px }
.common-more04 .com-jticon02 { margin-top:6px }
.common-more04 span { color:#228ce1; font-size:14px }
.common-more04:hover span { color:#0083cb}

.more-load { display:block; width:63px; height:50px; background-position:-120px -180px }
.more-load:hover { filter:alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8 }

.project-more { display:block; width: 90px; height: 27px; background-position: -613px -120px }
.project-more:hover { background-position: -613px -162px }

.common-returnicon { display:block; width:8px; height:9px; background-position:-250px -180px}
.common-return01:hover .common-returnicon { background-position:-250px -195px }
.common-return01 .common-returnicon { margin-top:6px; margin-right:10px }
.common-return01 span { color:#434343; font-size:14px }
.common-return01:hover span { color:#0083cb }

.musticon { display:block; width:18px; height:18px; background-position:-300px -180px }

.bg-box { width:100%; margin:0 auto; padding-top:30px; padding-bottom:50px; overflow:hidden; background-position:top center; background-repeat:repeat-y; border-bottom:20px solid #cdcdcd }
.c3-bg { background-image:url(../images/column3-bg.jpg) }
.c2-bg { background-image:url(../images/column2-bg.jpg) }


.column3-left, .column2-left { float:left; width:210px; margin-right:20px }
.column3-right { float:left; width:210px; margin-left:20px }
.column3-center { float:left; width:700px }
.column2-center { float:left; width:880px; margin-left:50px }

.is-sidebarbox { width:210px }
.sidebar-title { width:210px; height:40px; margin-bottom:25px }
.is-nav, .is-nav-two { display:block; width:210px; height:26px; line-height:26px; margin:1px 0; position:relative; overflow:hidden }
.is-nav .nav-upicon, .is-nav-two .nav-upicon { position:absolute; top:-100px; right:-100px}
.is-nav:hover, .sidebar-this01 .is-nav, .is-nav-two:hover, .hover .is-nav-two { background-color:#e4e4e4 }
.is-nav:hover .nav-upicon, .is-nav-two:hover .nav-upicon, .sidebar-this01 .is-nav .nav-upicon, .hover .is-nav-two .nav-upicon  { position:absolute; top:12px; right:6px }
.nav-upicon { width:7px; height:4px; background-position:-390px -120px }

.com-printicon { display:block; width:80px; height:20px; background-position:-880px -40px }
.com-printicon:hover { background-position:-880px -70px }
.com-fx .bdsharebuttonbox { width:220px; height:20px }
.com-fx .bdsharebuttonbox a { float:left; display:block; padding:0; margin:0 }
.com-fx .bdsharebuttonbox .bds_more { width:80px; height:20px; background-position:-960px -40px }
.com-fx .bdsharebuttonbox .bds_more:hover { background-position:-960px -70px }
.com-fx .bdsharebuttonbox .btn-sina, .com-fx .bdsharebuttonbox .bds_tsina { width:26px; height:20px; background-position:-1055px -40px; margin-left:15px }
.com-fx .bdsharebuttonbox .btn-sina:hover, .com-fx .bdsharebuttonbox .bds_tsina:hover {  background-position:-1055px -70px }
.com-fx .bdsharebuttonbox .bds_renren { width:20px; height:20px; background-position:-1093px -40px; margin-left:12px }
.com-fx .bdsharebuttonbox .bds_renren:hover {  background-position:-1093px -70px }
.com-fx .bdsharebuttonbox .btn-douban, .com-fx .bdsharebuttonbox .bds_douban { width:20px; height:20px; background-position:-1125px -40px; margin-left:12px }
.com-fx .bdsharebuttonbox .btn-douban:hover, .com-fx .bdsharebuttonbox .bds_douban:hover {  background-position:-1125px -70px }
.com-fx .bdsharebuttonbox .btn-qqzone, .com-fx .bdsharebuttonbox .bds_qzone { width:20px; height:20px; background-position:-1156px -40px; margin-left:12px }
.com-fx .bdsharebuttonbox .btn-qqzone:hover, .com-fx .bdsharebuttonbox .bds_qzone:hover {  background-position:-1156px -70px }

.pages { width:360px; text-align:center }
.pages a, .pages span { float:left; margin-right:6px }
.pages a { width:30px; height:30px; line-height:30px; background-position:-870px -120px; font-size:14px; font-weight:bold; color:#727272 }
.pages a:hover { background-position:-870px -155px; color:#e6e6e6 }
.pages span.current { width:30px; height:30px; line-height:30px; background-position:-870px -155px; color:#e6e6e6 }
.pages span.disabled { width:30px; height:30px;  background-position:-830px -120px }
.pages span.disabled:hover { background-position:-830px -155px }
.pages span.next { width:30px; height:30px;  background-position:-910px -120px }
.pages span.next:hover { background-position:-910px -155px }

.dian { background-image:url(icon.png); background-repeat: no-repeat; background-position: -42px -161px; height: 11px; width: 11px; display: inline-block; margin-left: 5px; }
.dian:hover { background-position: -23px -161px; }
.dianOver { background-position: -23px -161px; }

.top_rweixin { position:relative; z-index:9998 }
.top_rweixin .top-wpop { position:absolute; right:-16px; top:-2px; z-index:9999; width:433px;height:272px; display:none; background-image: url(../images/icon.png); background-repeat: no-repeat; background-position: -23px -257px; }
.top_rweixin:hover .top-wpop { display:block }

.foot-wxbox { position:relative; z-index:1 }
.foot-wxbox .foot-wpop { position:absolute; left:-105px; top:-272px; z-index:2; width:250px; display:none }
.foot-wxbox:hover .foot-wpop { display:block }

.top-family { position:relative; z-index:19999; margin-left:-16px; }
.family-title { display:block;height:24px; text-align:center }
.family-title:hover, .top-family:hover .family-title{}

.family-list { display:none; position:absolute; top:24px; right:0; z-index:19999; width:610px; padding:30px; text-align:left; background:#fff; border-top:2px solid #c13007; -moz-box-shadow:0px 3px 3px rgba(0,0,0,0.3); -webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.3); box-shadow:0px 3px 3px rgba(0,0,0,0.3) }

.family-list-jt { display:block; height:210px }

